<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
    <meta name="renderer" content="webkit">

    <title>XBUI-应用演示</title>
    
    <meta content="all" name="robots" /><!--爬虫设置--> 
    <meta name="keywords" content="网页关键字" />
    <meta name="description" content="网页描述" />
    <meta name="author" content="网页作者">
    <meta name="copyright" content="网页版权描述" />

    <!--favicon-->  
    <!-- 
    <link href="favicon.ico" rel="bookmark" type="image/x-icon" /> 
    <link href="favicon.ico" rel="icon" type="image/x-icon" /> 
    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" /> 
     -->
    <!-- //favicon -->

    <noscript>你的浏览器已禁用javascript，请启用javascript，否则网页将非正常运行！</noscript>

    <!-- BASE JS -->
    <script src="js/jquery-1.11.3.min.js"></script>

    <!-- zui-lib -->
    <link href="css/zui/css/zui.lite.min.css" rel="stylesheet">
    <script src="css/zui/js/zui.lite.min.js"></script>

    <!-- 布局，版面 -->
    <link rel="stylesheet" href="css/xbui.lib.css">

    <link rel="stylesheet" href="css/xbui.navigation.css">
    <link rel="stylesheet" href="css/xbui.slide.css">
    <link rel="stylesheet" href="css/xbui.footer.css">
    
    <script src="js/jquery.lazyload.min.js"></script>
    <script src="js/xbui.plugins.js"></script>
    <script src="js/xbui.common.run.js"></script>

    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
  </head>


  <body>

  <!--[if lt IE 8]>
  <div class="alert alert-danger">您的浏览器版本过低，无法体验所有功能，建议升级或者更换浏览器。 <a href="http://browsehappy.com/">更换一个更好的浏览器</a></div>
  <![endif]-->

  <!-- 外套 -->
  <div class="layout">
      <div class="wrapper" id="wrapper">
          <div class="page-container w-p100">

              <!-- 页头 001-->
              <header class="header xb-mod-header-001">
                  <div class="headerWrapper">
                      <div class="rowBlock header-top">
                          <div class="container w-1100 pr p-n">
                              <!-- logo -->
                              <div class="nav-brand pull-left">
                                  <a href="/" class="logo"></a>
                              </div>

                              <div class="fr">
                                  世界您好！
                              </div>
                          </div>
                      </div>
                      <nav class="navbar navbar-mod-01">
                          <div class="container w-1100 pr p-n">
                              <!-- navbar -->
                              <ul class="nav nav-main pr" role="navigation" data-cell=".nav-item"
                                  data-target=".submenu">
                                  <li class="nav-item active">
                                      <a href="#">
                                          <span class="zh">首页</span>
                                          <span class="en">首页</span>
                                      </a>
                                  </li>
                                  <li class="nav-item dropdown">
                                      <a href="#">
                                          <span class="zh">走进国安</span>
                                          <span class="en">EN</span>
                                      </a>
                                      <!---二级导航-->
                                      <ul class="submenu">
                                          <li><a href="/lists/14.html">设备分类一设备分类一</a></li>
                                          <li><a href="/lists/15.html">设备分类二设备分类二</a></li>
                                          <li><a href="/lists/16.html">设备分类二设备分类二</a></li>
                                      </ul>
                                  </li>
                                  <li class="nav-item">
                                      <a href="#">
                                          <span class="zh">分公司</span>
                                          <span class="en">分公司</span>
                                      </a>
                                  </li>
                                  <li class="nav-item">
                                      <a href="#">
                                          <span class="zh">资质展示</span>
                                          <span class="en">资质展示</span>
                                      </a>
                                  </li>
                                  <li class="nav-item">
                                      <a href="#">
                                          <span class="zh">新闻动态</span>
                                          <span class="en">新闻动态</span>
                                      </a>
                                  </li>
                                  <li class="nav-item">
                                      <a href="#">
                                          <span class="zh">国安银行</span>
                                          <span class="en">国安银行</span>
                                      </a>
                                  </li>
                                  <li class="nav-item">
                                      <a href="#">
                                          <span class="zh">业务范围</span>
                                          <span class="en">业务范围</span>
                                      </a>
                                  </li>
                                  <li class="nav-item">
                                      <a href="#">
                                          <span class="zh">工程案例</span>
                                          <span class="en">工程案例</span>
                                      </a>
                                  </li>
                                  <li class="nav-item">
                                      <a href="#">
                                          <span class="zh">加盟合作</span>
                                          <span class="en">加盟合作</span>
                                      </a>
                                  </li>
                                  <li class="nav-item">
                                      <a href="#">
                                          <span class="zh">涉外办</span>
                                          <span class="en">涉外办</span>
                                      </a>
                                  </li>
                                  <li class="nav-item">
                                      <a href="#">
                                          <span class="zh">网络签约</span>
                                          <span class="en">网络签约</span>
                                      </a>
                                  </li>
                                  <li class="nav-item">
                                      <a href="#">
                                          <span class="zh">联系我们</span>
                                          <span class="en">联系我们</span>
                                      </a>
                                  </li>
                                  <!-- <span class="aline" id="aline"></span> -->
                              </ul>

                          </div>
                      </nav>


                  </div>
              </header>


              <!-- 通用全屏幻灯片 -->
              <div class="full-slide" id="full-slide">
                  <div class="bd">
                      <ul style="position: relative; width: 1910px; height: 400px;">
                          <li style="background: url(http://fakeimg.pl/1920x400/FF0000/) 50% 0% no-repeat;">
                              <a target="_blank" href="javascript:;">

                              </a>
                          </li>
                          <li style="background: url(http://fakeimg.pl/1920x400/008AFF/) 50% 0% no-repeat;">
                              <a target="_blank" href="javascript:;">

                              </a>
                          </li>
                          <li style="background: url(http://fakeimg.pl/1920x400/) 50% 0% no-repeat;">
                              <a target="_blank" href="javascript:;">

                              </a>
                          </li>
                      </ul>
                  </div>
                  <a class="slide-btn prev animated" href="javascript:void(0)">
                      <i class="icon-angle-left"></i>
                  </a>
                  <a class="slide-btn next animated" href="javascript:void(0)">
                      <i class="icon-angle-right"></i>
                  </a>
                  <div class="hd">
                      <ul>
                          <li class="on">1</li>
                          <li>2</li>
                      </ul>
                  </div>
              </div>

              <script src="js/xbui.SuperSlide.2.1.1.js"></script>
              <script>
                  // 首页幻灯
                  var indexSlide = jQuery("#full-slide"); //首页幻灯

                  indexSlide.slide({
                      mainCell: ".bd ul",
                      titCell: ".hd ul",
                      effect: "fold",
                      autoPlay: false,
                      autoPage: true,
                      trigger: "click",
                      mouseOverStop: true,
                      interTime: 3500,
                      delayTime: 600,
                      endFun: function (i, c, s) {
                      }
                  });
              </script>

              <!-- 主体 -->
              <div class="main">
                  <div class="mainwrap" id="page_directory">
                      <div class="container">
                          <!--  -->
                          <div class="xb-module">

                              <div class="module-heading text-center p-t-10 p-b-10">
                                  <div class="zh fs-36 web-font"><strong>世界您好</strong></div>
                                  <div class="zh fs-16 m-t-10">国安中建集团资质展示 这里写一些介绍的文字 呵呵 欢迎来公司谈业务 合作愉快</div>
                              </div>
                              <div class="module-body">
                                  <!-- datalist -->
                                  <div class="xb-list list-space list-space-10" role="datalist" effect="fade">
                                      <ul class="row">
                                          <li class="col-xs-4 col-md-4 list-item">
                                              <div class="inner-wrap">
                                                  <a href="#" class="item-media block">
                                                      <img src="http://fakeimg.pl/350x200/">
                                                      <div class="item-layer">
                                                          <div class="icon">
                                                              查看
                                                          </div>
                                                      </div>
                                                  </a>
                                                  <div class="item-content">
                                                      <a href="#" class="title">金玉满堂二期开盘</a>
                                                      <div class="desc">
                                                          xbui采用MIT开源协议，将会永久性提供无偿服务。
                                                      </div>
                                                      <time class="time">2017/2/20</time>
                                                  </div>
                                              </div>
                                          </li>
                                          <li class="col-xs-4 col-md-4 list-item">
                                              <div class="inner-wrap">
                                                  <a href="#" class="item-media block">
                                                      <img src="http://fakeimg.pl/350x200/">
                                                      <div class="item-layer">
                                                          <div class="icon">
                                                              查看
                                                          </div>
                                                      </div>
                                                  </a>
                                                  <div class="item-content">
                                                      <a href="#" class="title">金玉满堂二期开盘</a>
                                                      <div class="desc">
                                                          xbui采用MIT开源协议，将会永久性提供无偿服务。
                                                      </div>
                                                      <time class="time">2017/2/20</time>
                                                  </div>
                                              </div>
                                          </li>
                                          <li class="col-xs-4 col-md-4 list-item">
                                              <div class="inner-wrap">
                                                  <a href="#" class="item-media block">
                                                      <img src="http://fakeimg.pl/350x200/">
                                                      <div class="item-layer">
                                                          <div class="icon">
                                                              查看
                                                          </div>
                                                      </div>
                                                  </a>
                                                  <div class="item-content">
                                                      <a href="#" class="title">金玉满堂二期开盘</a>
                                                      <div class="desc">
                                                          xbui采用MIT开源协议，将会永久性提供无偿服务。
                                                      </div>
                                                      <time class="time">2017/2/20</time>
                                                  </div>
                                              </div>
                                          </li>

                                      </ul>
                                  </div>

                              </div>
                          </div>
                          <!-- section -->
                          <div class="xb-module">

                              <div class="module-heading text-center">
                                  <div class="zh fs-36"><strong>国安中建集团资质展示</strong></div>
                                  <div class="en fs-16 m-t-10">国安中建集团资质展示 这里写一些介绍的文字 呵呵 欢迎来公司谈业务 合作愉快</div>
                              </div>
                              <div class="module-body">
                                  <!-- datalist -->
                                  <div class="xb-list list-space list-space-10" role="datalist" effect="fade">
                                      <ul class="row">
                                          <li class="col-xs-4 col-md-4 list-item">
                                              <div class="inner-wrap">
                                                  <a href="#" class="item-media block">
                                                      <img src="http://fakeimg.pl/350x200/">
                                                      <div class="item-layer">
                                                          <div class="icon">
                                                              查看
                                                          </div>
                                                      </div>
                                                  </a>
                                                  <div class="item-content">
                                                      <a href="#" class="title">金玉满堂二期开盘</a>
                                                      <div class="desc">
                                                          xbui采用MIT开源协议，将会永久性提供无偿服务。
                                                      </div>
                                                      <time class="time">2017/2/20</time>
                                                  </div>
                                              </div>
                                          </li>
                                          <li class="col-xs-4 col-md-4 list-item">
                                              <div class="inner-wrap">
                                                  <a href="#" class="item-media block">
                                                      <img src="http://fakeimg.pl/350x200/">
                                                      <div class="item-layer">
                                                          <div class="icon">
                                                              查看
                                                          </div>
                                                      </div>
                                                  </a>
                                                  <div class="item-content">
                                                      <a href="#" class="title">金玉满堂二期开盘</a>
                                                      <div class="desc">
                                                          xbui采用MIT开源协议，将会永久性提供无偿服务。
                                                      </div>
                                                      <time class="time">2017/2/20</time>
                                                  </div>
                                              </div>
                                          </li>
                                          <li class="col-xs-4 col-md-4 list-item">
                                              <div class="inner-wrap">
                                                  <a href="#" class="item-media block">
                                                      <img src="http://fakeimg.pl/350x200/">
                                                      <div class="item-layer">
                                                          <div class="icon">
                                                              查看
                                                          </div>
                                                      </div>
                                                  </a>
                                                  <div class="item-content">
                                                      <a href="#" class="title">金玉满堂二期开盘</a>
                                                      <div class="desc">
                                                          xbui采用MIT开源协议，将会永久性提供无偿服务。
                                                      </div>
                                                      <time class="time">2017/2/20</time>
                                                  </div>
                                              </div>
                                          </li>

                                      </ul>
                                  </div>

                              </div>
                          </div>
                      </div>


                  </div>
              </div>

              <!-- 页尾 -->
              <footer class="footer">
                  <section class="bg-f6f6f6 p-t-40 p-b-40">
                      <div class="container w-1100 p-n">
                          <!--底部导航-->
                          <div class="nav-foot clearfix">
                              <dl class="col-links">
                                  <dt>
                                      <a href="/page/10.html">
                                          关于我们
                                      </a>
                                  </dt>
                                  <dd>
                                      <!---二级导航-->
                                      <a href="/page/10.html" class="box-ellipsis">
                                          公司简介
                                      </a>
                                      <a href="/page/11.html" class="box-ellipsis">
                                          企业文化
                                      </a>
                                      <a href="/page/12.html" class="box-ellipsis">
                                          资质荣誉
                                      </a>
                                  </dd>
                              </dl>
                              <dl class="col-links">
                                  <dt>
                                      <a href="/lists/2.html">
                                          框架眼镜
                                      </a>
                                  </dt>
                                  <dd>
                                      <!---二级导航-->
                                      <a href="/lists/13.html" class="box-ellipsis">
                                          JEEP
                                      </a>
                                      <a href="/lists/14.html" class="box-ellipsis">
                                          派丽蒙
                                      </a>
                                      <a href="/lists/15.html" class="box-ellipsis">
                                          陌森
                                      </a>
                                      <a href="/lists/16.html" class="box-ellipsis">
                                          花花公子
                                      </a>
                                      <a href="/lists/17.html" class="box-ellipsis">
                                          奢侈名牌
                                      </a>
                                      <a href="/lists/18.html" class="box-ellipsis">
                                          其它
                                      </a>
                                  </dd>
                              </dl>
                              <dl class="col-links">
                                  <dt>
                                      <a href="/lists/3.html">
                                          镜片
                                      </a>
                                  </dt>
                              </dl>
                              <dl class="col-links">
                                  <dt>
                                      <a href="/lists/4.html">
                                          太阳眼镜
                                      </a>
                                  </dt>
                                  <dd>
                                      <!---二级导航-->
                                      <a href="/lists/25.html" class="box-ellipsis">
                                          暴龙
                                      </a>
                                      <a href="/lists/26.html" class="box-ellipsis">
                                          陌森
                                      </a>
                                      <a href="/lists/27.html" class="box-ellipsis">
                                          海俪恩
                                      </a>
                                      <a href="/lists/28.html" class="box-ellipsis">
                                          海伦.凯勒
                                      </a>
                                      <a href="/lists/29.html" class="box-ellipsis">
                                          JEEP
                                      </a>
                                      <a href="/lists/30.html" class="box-ellipsis">
                                          PRADA
                                      </a>
                                      <a href="/lists/31.html" class="box-ellipsis">
                                          其它
                                      </a>
                                  </dd>
                              </dl>
                              <dl class="col-links">
                                  <dt>
                                      <a href="/lists/5.html">
                                          隐形眼镜
                                      </a>
                                  </dt>
                                  <dd>
                                      <!---二级导航-->
                                      <a href="/lists/32.html" class="box-ellipsis">
                                          博士伦
                                      </a>
                                      <a href="/lists/33.html" class="box-ellipsis">
                                          海昌
                                      </a>
                                      <a href="/lists/34.html" class="box-ellipsis">
                                          强生
                                      </a>
                                      <a href="/lists/35.html" class="box-ellipsis">
                                          菲士康
                                      </a>
                                      <a href="/lists/36.html" class="box-ellipsis">
                                          酷视
                                      </a>
                                      <a href="/lists/37.html" class="box-ellipsis">
                                          护理用品
                                      </a>
                                      <a href="/lists/38.html" class="box-ellipsis">
                                          其它
                                      </a>
                                  </dd>
                              </dl>
                              <dl class="col-links ">
                                  <dt>
                                      <a href="/lists/7.html">
                                          时尚资讯
                                      </a>
                                  </dt>
                              </dl>
                              <dl class="col-links ">
                                  <dt>
                                      <a href="/lists/41.html">
                                          门店慨况
                                      </a>
                                  </dt>
                                  <dd>
                                      <!---二级导航-->
                                      <a href="/lists/41.html" class="box-ellipsis">
                                          长寿路店
                                      </a>
                                      <a href="/lists/42.html" class="box-ellipsis">
                                          长荣路店
                                      </a>
                                      <a href="/lists/43.html" class="box-ellipsis">
                                          大世界店
                                      </a>
                                  </dd>
                              </dl>
                          </div>
                      </div>
                  </section>
                  <section class="footer-topbar p-t-40 p-b-40">
                      <div class="container w-1100 p-n">
                          <div class="foot-contact pull-left">
                              <div class="">
                                  <p>
                                <span class="foot-phone ">
                                    全国客户服务热线：028-83408309
                                </span>
                                      <span class="foot-maill m-l-30">
                                    邮箱：7130108@qq.com
                                </span>
                                  </p>
                                  <span class="foot-address">
                                公司地址：四川省成都市武侯区长华路万科汇智中心19号1204万科汇智中心
                            </span>
                              </div>
                              <!-- copyright -->
                              <div class="copy clearfix">
                                  © 成都武侯区向阳眼镜有限公司 Copyright 2016 All Right Reserved
                                  <span class="beian">
                                川ICP备88888888号
                            </span>
                              </div>
                          </div>
                          <div class="social pull-right">
                              <p>
                                  关注成都武侯区向阳眼镜有限公司
                              </p>
                              <p class="m-t-10">
                                  <a href="javascript:void(0)">
                                      <i class="icon-wechat"></i>

                                      <!-- <span>微信</span> -->
                                      <!-- 二维码 -->
                                      <!-- <img src="/Websites/xyyj/Uploads/Picture/2016-11-16/582c14734bb98.jpg"> -->
                                  </a>
                                  <a href="">
                                      <i class="icon-weibo"></i>

                                      <!-- <span>微博</span> -->
                                  </a>
                                  <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=4000287565&amp;site=qq&amp;menu=yes"
                                     target="_blank">
                                      <i class="icon-qq"></i>

                                      <!-- <span>QQ</span> -->
                                      <!-- link -->
                                  </a>
                              </p>
                          </div>
                      </div>
                  </section>
                  <!-- flink -->
                  <section class="flinks-box">
                      <div class="container w-1100 p-n">
                          <div class="list-group-text flinks">
                              <dl class="clearfix">
                                  <dt class="pull-left">
                                      友情连接：
                                  </dt>
                                  <dd class="pull-left">
                                  </dd>
                              </dl>
                          </div>
                      </div>
                  </section>
              </footer>

          </div>
      </div>
  </div>

  </body>
</html>